﻿document.getElementById("newItem").addEventListener("click", show); //为插件上面的一个按钮加上事件

function show() {
    document.getElementById("addDiv").style.display = "block"; //改变插件上的一个元素的状态
    //使浏览器主体上的元素发生改变
    chrome.tabs.executeScript(null, { code:
    "document.body.style.backgroundColor='red';" +
    "var title = document.getElementsByTagName('title')[0].text;" +
    "var href = document.location.href;" +
    "alert(title+href);"
    });
  //  refresh_cmt_cnt(1);
}

//chrome.browserAction.onClicked.addListener(function(tabs.Tab tab) {...});
//Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup.
chrome.browserAction.onClicked.addListener(function () {
    alert(document.location.href);
});

function GetLocation() {
    chrome.tabs.executeScript(null,
                           { code: "alert(document.location.href);" });
}

//在插件中发起异步请求OK的
function refresh_cmt_cnt(page_no)
{
    // 创建 Ajax 请求对象
    var xhr = new XMLHttpRequest();
    // 使用Chrome提供的tab接口获取当前选中的tab的信息
    chrome.tabs.getSelected(null, function (tab) {
        // 当 getSelected 函数执行成功以后会执行到这里
        var cmt_cnt_obj = document.getElementById("newItem");
        // 构造 POST 数据，可以通过 tab.url 来获取标签的 URL 地址
        // encodeURIComponent 函数用来转义特殊字符以免发生冲突
        // 在服务端可以用 PHP 函数 urldecode 再转义回来
        var post_data = 'cmd=1505&alt=json&url=' + encodeURIComponent(tab.url) + '&page_size=5&pageno=' + page_no;
        // 指定提交的目标地址
        xhr.open("POST", "http://localhost:3453/WebForm1.aspx/", true);
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4) {
                // 当 Ajax 请求接收完所有返回数据时会执行到这里
                // 因为服务端返回的数据为 json 格式，因此使用前需要解析以下
//                var resp = JSON.parse(xhr.responseText);
//                if (!resp) {
//                    show_popmsg(null, '获取数据失败', 3);
//                    return false;
//                }
                // 解析完成以后就可以读取返回的数据了
                if (xhr.responseText == 1501) {
                    //clear_popmsg();
                    //return false;
                    alert("ff");
                }
                // 将数据显示在页面上
//                for (var key in resp.data) {
//                    htmltxt += resp.data[key]['cmt'] + ', ';
//                }
                cmt_cnt_obj.innerHTML = xhr.responseText + "\n";
            }
        }
        // 发送 Ajax 请求，Ajax 执行成功以后会调用上面介绍的代码
        xhr.send(post_data);
    });
    return true;
}